<template>
	<view class="fn_contents display  width_699 displayColumn M-T20">
		<view class="fn_one display  width_699 M-T24">
			<view class="fn_one_left display  displaycenter_aliem M-L24">
				<span class="fontSize font_comm txt1">购买人：</span>
				<span class="font_comm fontSize txt2">{{item.userName}}</span>
				<!-- <span class="font_comm fontSize txt2">{{item.userName}}/138****8888</span> -->
			</view>
			<view class="fn_one_right display  M-R24">
				<span class="fontSize font_comm txt1">获得佣金：</span>
				<span class="fontSize font_comm txt3">￥{{item.orderCommissionAmount}}元</span>
			</view>
		</view>
		<!-- 横线 -->
		<view class="fn_line M-L24 M-T20"></view>
		<!-- img -->
		<view class="fn_imgs display  width_699 M-T20">
			<view class="fn_imgs_left display ">
				<img class="imgs M-L24" src="@/static/img/car-manage.png" alt="" />
			</view>
			<view class="fn_imgs_right  display M-L16 displayColumn">
				<view class="fn_imgs_right_one display  displaycenter_aliem">
					<span class="fontSize font_comm txt4">{{item.stationName}}</span>
					<uni-icons type="right" color="#212121" size="18" style="margin-left: 8rpx;"></uni-icons>
				</view>
				<view class="display  fn_imgs_right_two all_item M-T12">
					<span class="font_comm fontSize txt5 display all_item">{{item.orderDoorType==0 ?'自动' :item.orderDoorType==1?'自助' :'人工'}}站</span>
				</view>
				<view class="display  displaycenter_aliem M-T40">
					<span class="fontSize font_comm txt6">￥<span class="txt7">{{item.orderAmount}}</span></span>
				</view>
			</view>
		</view>
		<!-- 下单时间 -->
		<view class="orderTime display  width_699 M-T16">
			<span class="font_comm fontSize M-L24">下单时间：</span>
			<span class="fontSize font_comm">{{item.createTime}}</span>
		</view>
		
	</view>
</template>

<script>
	export default{
		props:{
			item:Object
		},
		data(){
			return{
				
			}
		},
		methods:{
			
		}
	}
</script>

<style scoped lang="scss">
	.fn_contents{
		width: 690rpx;
		height: 350rpx;
		background: #FFFFFF;
		border-radius: 24rpx 24rpx 24rpx 24rpx;
	}
	.txt1{
		font-weight: 400;
		font-size: 24rpx;
		color: #000000;
	}
	.txt2{
		font-weight: 400;
		font-size: 24rpx;
		color: #126BC9;
	}
	.txt3{
		font-weight: 400;
		font-size: 24rpx;
		color: #FF672D;
	}
	.txt4{
		font-weight: 600;
		font-size: 28rpx;
		color: #000000;
	}
	.txt5{
		font-weight: 600;
		font-size: 20rpx;
		color: #126BC9;
	}
	.txt6{
		font-weight: 600;
		font-size: 24rpx;
		color: #FF672D;
	}
	.txt7{
		font-size: 40rpx;
	}
	.imgs{
		width: 178rpx;
		height: 178rpx;
		border-radius: 12rpx 12rpx 12rpx 12rpx;
	}
	.fn_one{
		justify-content: space-between;
		.fn_one_left{
			
		}
	}
	.fn_imgs_right_two{
		justify-content: flex-start;
		width: 76rpx;
		height: 34rpx;
		background: rgba(18,107,201,0.1);
		border-radius: 8rpx 8rpx 8rpx 8rpx;
	}
	.fn_line{
		width: 642rpx;
		height: 0rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		border: 2rpx solid #F6F6F6;
	}
	.orderTime{
		:nth-child(1){
			font-weight: 400;
			font-size: 24rpx;
			color: #000000;
		}
		:nth-child(2){
			font-weight: 400;
			font-size: 24rpx;
			color: #72778A;
		}
	}
</style>